<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--action 提交地址-->
<form action="http://www.tmooc.cn">
<!--    placeholder占位文本-->
<!--    name是所有控制键必须添加的属性 否则不提交该数据
maxlength最大字符长度
value设置默认值
readonly只读-->
    用户名：<input type="text"name="username"
               maxlength="10"
               value="absa";
               readonly="readonly"
placeholder="请输入用户名"><br>
    密码：<input type="password"placeholder="请输入密码" name="password"><br>
<!--    单选框 必须写相同的name
如果不加value 提交的内容是on 必须写value指定提交的内容-->
    性别：<input type="radio"name="gender"value="m"
            id="r1"><label for="r1">男</label>

<!--    checked 设置默认选中的-->
    <input type="radio"name="gender"value="w"
    checked="checked"id="r2"><label for="r2">女</label><br>
<!--    单选和多选属性通用一样-->
    兴趣爱好:<input type="checkbox"name="hobby"value="cy"
                checked="checked"id="c1"><label for="c1">抽烟</label>
              <input type="checkbox"name="hobby"value="hj"
              checked="checked"id="c2"><label for="c2">喝酒</label>
                 <input type="checkbox"name="hobby"value="tt"
                 checked="checked"id="c3"> <label for="c3">烫头</label><br>
<!--    日期选择器-->
    生日:<input type="date" name="birthday"><br>
<!--    文件选择器-->
    靓照<input type="file"name="pic"><br>
<!--    文本域-->
    自我介绍:<textarea name="intro"
                   placeholder="说了点神魔"
                   cols="20"rows="3"></textarea><br>
<!--    下拉选-->
   所在地: <select name="city">
    <option value="bj">北京</option>
    <option value="tj"selected="selected">天津</option>
    <option value="sh">上海</option>
</select><br>
    <input type="submit"value="注册">
<!--    重置按钮-->
    <input type="reset">
<!--    自定义按钮 学习JavaScript后才能添加点击所做的事-->
    <input type="button"value="按钮 ">

</form>
<hr>
<from action="http://www.badu.com">
    用户名:<input type="text"name="username"
            maxlength="10"
            value=aabaaas"
            readonly="readonly"
            placeholder="请输入用户名"><br>
    密码：<input type="password"placeholder="请输入密码" name="username">
    性别：<input type="radio" name="gender"value="m"
              id="r3"><label for="r3">男</label>
        <input type="radio"name="gender"value="w"
               id="r4"><label for="r4">女</label>
    兴趣爱好:<input type="checkbox" name="hobby" value="cy"
                id="c5"><label for="c5">抽烟</label>
            <input type="checkbox"name="hobby"value="hj"
                   id="c6"><label for="c6">喝酒</label>
            <input type="checkbox"name="hobby"value="tt"
                   id="c7"><label for="c7">烫头</label><br>
    生日:<input type="date" name="birthday"><br>
    靓照:<input type="file"name="pic"><br>
    自我介绍:<textarea name="intro"
                   placeholder="说点什么"
                   cols="20"rows="3"></textarea><tr></tr>
    所在地:<select name="city">
             <option value="bj">北京</option>
    <option value="tj">天津</option>
    <option value="hb">湖北</option>

    </select><br>
    <input type="submit"value="注册">
    <input type="reset"value="重置">
    <input type="button"value="按钮">





</from>
</body>
</html>